<template>
  <div class="coupon-explain">
    <div class="model-box">
      <div class="title">待激活</div>
      <div class="text">
        待激活为您的下单或者好友赠送的未激活卡券，激活卡券后，可线下体验对应服务。
      </div>
      <div class="subtitle">激活流程</div>
      <div class="text">
        点击卡券左下角“去激活”按钮，进入“卡券激活”页面。输入您姓名、身份证号、联系手机号进行身份认证，认证成功后，根据该卡券规定的人数，上传入园人员对应的照片，便于线下工作人员核验。
      </div>
    </div>

    <div class="model-box">
      <div class="title">转赠</div>
      <div class="text">
        您可以将购买的卡券转赠给您的亲朋好友（您的好友必须是平台已注册的用户），给予您的家人朋友一个一年的惊喜。
      </div>
      <div class="subtitle">转赠流程</div>
      <div class="text">
        点击您购买的卡券对应的卡片右下角的“去转赠”，输入受赠人的手机号码和您的祝福，转赠后系统会短信通知受赠人。
      </div>
    </div>

    <div class="model-box">
      <div class="title">已激活</div>
      <div class="text">
        已激活卡券，表示您可以带着亲友去线下享受服务啦。
      </div>
      <div class="subtitle">使用说明</div>
      <div class="text">
        前往卡券支持的服务地点，点击“首页-我的卡券”，打开对应卡券，向工作人员出示二维码，核销成功即可入园。
      </div>
    </div>

    <div class="model-box">
      <div class="title">已转赠</div>
      <div class="text">
        受赠人会收到短信提醒，通知激活开通使用。
      </div>
    </div>

    <div class="model-box">
      <div class="title">已完结</div>
      <div class="text">
        已完结表示您的卡券次数已消耗使用完结，或者【使用时间】已到期，感谢您对美时汇的支持，请了新一期的卡券套餐，让您和家人一年都有惊喜。
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>
<style lang="scss">
.coupon-explain {
  padding: 36rpx 30rpx;
  box-sizing: border-box;
  font-size: 28rpx;
  color: #666;
  line-height: 40rpx;
  .model-box {
    margin-bottom: 30rpx;
    .title {
      font-size: 32rpx;
      font-weight: 500;
      color: #333;
      margin-bottom: 20rpx;
      display: inline-block;
      border-bottom: 10rpx solid #71A8FF;
      line-height:16rpx; 
    }
    .text {
      margin-bottom: 20rpx;
    }
    .subtitle {
      font-weight: 600;
    }
  }
}
</style>
